<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>测试页面</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

	<script type="text/javascript"  src="js/uploadimg.js"></script>
	<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
		<section class="pic-content">
			<div class="pic-group">
				<img src=""  >
				<input type="file" accept="image/*" class="img-upload">
				<p>上传图片</p>
			</div>
			<div class="pic-group">
				<img src="" >
				<input type="file" accept="image/*" class="img-upload">
				<p>上传图片2</p>
			</div>
		</section>
		<p>此处放一个必应的的地址跳转可以看一下webview处理的沉浸式效果````额```也算不上沉浸式！</p>
		<a href="https://cn.bing.com/">必应搜索网站</a><br><br>
		<input type="button" value="打开一个新的普通地址" onclick="openWin()"/><br><br>
		<input type="button" value="打开一个大的pdf地址" onclick="openWin1()"/><br><br>
		<input type="button" value="打开一个小的pdf地址" onclick="openWin2()"/><br><br>
		<input type="button" value="加载一个弹窗页面" onclick="openWin3()"/><br>
</body>
<script>
        $(function(){
            $(".img-upload").change(function () {
                imgUpload.readURL(this);

            });
        })

    </script>
<script>
	 function openWin(){
       		 window.opener=null;
       		 window.open('https://www.zhangziwei.cn','我的博客');
       		 window.close();
    	}
    	 function openWin1(){
       		 window.opener=null;
       		 window.open('http://www.zhangziwei.cn:8081/txt/Linux基础.pdf','Linux基础');
       		 window.close();

    	}
    	 function openWin2(){
       		 window.opener=null;
       		 window.open('http://www.zhangziwei.cn:8081/txt/前端项目部署.pdf','前端项目部署');
       		 window.close();
    	}
    	function openWin3(){
       		 window.opener=null;
       		 window.open('http://www.zhangziwei.cn:8081/testhtml/testAlert.html','');
       		 window.close();
    	}

</script>

</html>
<!--不会写H5页面，里面上传，拍照的html和js都按照博客文档写的，按照作者所说，引入了JQuery
····博客地址参见本文链接地址
本文链接：https://blog.csdn.net/qq_42363090/article/details/99646811-->